Adwaita: Add some themeing for entry undershoot

This is just copying what we do for scrolled windows.
It will need some tweaks to look good for entries.

diff --git a/gtk/theme/Adwaita/_common.scss b/gtk/theme/Adwaita/_common.scss
index f5a039e398cba6b7257f034c05f0160bb7d142bc..92b23427e70fc89c25011d577635107b0ef35024 100644 (file)
--- a/gtk/theme/Adwaita/_common.scss
+++ b/gtk/theme/Adwaita/_common.scss
@@ -237,6 +237,11 @@ entry {
     &.right { padding-left: 6px; padding-right: 0; }
   }
 
+  undershoot {
+    &.left { @include undershoot(left); }
+    &.right { @include undershoot(right); }
+  }
+
   border-radius: 3px;
   transition: all 200ms $ease-out-quad;
   @include entry(normal);

diff --git a/gtk/theme/Adwaita/gtk-contained-dark.css b/gtk/theme/Adwaita/gtk-contained-dark.css
index ed61d447914335fb3c33661d30fb56e7aec4e2be..dd93d97e0f40c249dc63e025da8a34e409262caa 100644 (file)
--- a/gtk/theme/Adwaita/gtk-contained-dark.css
+++ b/gtk/theme/Adwaita/gtk-contained-dark.css
@@ -174,6 +174,26 @@ entry, spinbutton {
   entry image.right, spinbutton image.right {
     padding-left: 6px;
     padding-right: 0; }
+  entry undershoot.left, spinbutton undershoot.left {
+    background-color: transparent;
+    background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%);
+    padding-left: 1px;
+    background-size: 1px 10px;
+    background-repeat: repeat-y;
+    background-origin: content-box;
+    background-position: left center;
+    border: none;
+    box-shadow: none; }
+  entry undershoot.right, spinbutton undershoot.right {
+    background-color: transparent;
+    background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%);
+    padding-right: 1px;
+    background-size: 1px 10px;
+    background-repeat: repeat-y;
+    background-origin: content-box;
+    background-position: right center;
+    border: none;
+    box-shadow: none; }
   entry.flat, spinbutton.flat, entry.flat:focus, spinbutton.flat:focus {
     padding: 2px;
     background-color: #292929;

diff --git a/gtk/theme/Adwaita/gtk-contained.css b/gtk/theme/Adwaita/gtk-contained.css
index 451b9e06498b28e8213e18ed10dd8491e7d1d49e..7d604b7c8b07c7e4c222ebd25f69889ecf74bd03 100644 (file)
--- a/gtk/theme/Adwaita/gtk-contained.css
+++ b/gtk/theme/Adwaita/gtk-contained.css
@@ -174,6 +174,26 @@ entry, spinbutton {
   entry image.right, spinbutton image.right {
     padding-left: 6px;
     padding-right: 0; }
+  entry undershoot.left, spinbutton undershoot.left {
+    background-color: transparent;
+    background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%);
+    padding-left: 1px;
+    background-size: 1px 10px;
+    background-repeat: repeat-y;
+    background-origin: content-box;
+    background-position: left center;
+    border: none;
+    box-shadow: none; }
+  entry undershoot.right, spinbutton undershoot.right {
+    background-color: transparent;
+    background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%);
+    padding-right: 1px;
+    background-size: 1px 10px;
+    background-repeat: repeat-y;
+    background-origin: content-box;
+    background-position: right center;
+    border: none;
+    box-shadow: none; }
   entry.flat, spinbutton.flat, entry.flat:focus, spinbutton.flat:focus {
     padding: 2px;
     background-color: #ffffff;